import router from './router'
import store from '@/store'
import NProgress from 'nprogress' // 引入一份进度条插件
import 'nprogress/nprogress.css' // 引入进度条样式
// import { getUserDetailById } from '@/api/user'
// 配置路由前置守卫
// ①用户在浏览器输入url地址强制访问某个路由页面
// 立刻触发路由前置守卫
// 需要在前置守卫里判断用户权限（有没有token）
const whiteList = ['/login', '/404']
router.beforeEach(async(to, from, next) => {
  // 检查token失效问题, 跳登录页  在这写是没有任何意义的
  // router.beforeEach函数触发的时机是页面跳转

  // token为了安全(后台数据的安全)
  NProgress.start() // 开启进度条

  // 获取token
  const token = store.getters.token
  // --------------- 有token -------------------
  if (token) {
    if (to.path === '/login') {
      // 跳转到首页
      next('/')
    } else {
      // 在这里获取用户资料
      // ①刷新页面, permission.js肯定触发
      // ②如果用户资料获取失败, 是不能走next的, 就不能看路由内容
      // ③就是为后面做RBAC权限铺垫, 这个理由才是我们把获取用户资料放在这最核心
      if (!store.getters.userId) {
        await store.dispatch('user/getUserInfo')
        // 再根据userId获取员工的基本信息 在这写更复杂
        // const res = await getUserDetailById(store.getters.userId)
        // 获取到userInfo
        // store.state.user.userInfo = { ...store.state.user.userInfo, res }
        // console.log(res)
        // console.log(store.state.user.userInfo)
      }
      // 放行
      next()
    }
  } else { // 没有token
    if (whiteList.includes(to.path)) {
      // 放行
      next()
    } else {
      // 跳登录页
      next('/login')
    }
  }
  NProgress.done() // 手动强制关闭一次  为了解决 手动切换地址时  进度条的不关闭的问题
})
// 后置守卫
// router.afterEach(function() {
//   NProgress.done() // 关闭进度条
// })
